[網友來信 2] 我會網頁設計,請問我下一步要怎麼走比較好?
今天網友的熱情實在跟台北炎熱的天氣有得比啊!害我的小宇宙燃燒起來了!我其實很喜歡跟大家聊聊天,奈何台灣人都跟我一樣,本性害羞啊!(笑)剛剛收到另一位網友的來信,我也是將個人相關資訊移除後,原文照登。其實我雖然在資訊界打滾 20 年,但還是提醒各位別把我的話當聖經。如果您實行之後,發覺更好的方法,或是產業走向跟我原先預測的不同,您可以隨機應變,或再來信聊聊,我隨時都很歡迎的!
那就請各位參考一下我跟另一位網友之間的對談!
-----------------------------------
紀老師您好:
我是您以前的學生。現在我漸漸的走向網頁設計的路,學了 Photoshop, Illustrator, InDesign, ActionScript, CSS, JavaScript,也學了 PHP, MySQL 等技能。將來想走向設計網站的網頁軟體設計工程的 SOHO 人員 (架站+網頁設計)。試問依老師的專業見解,我還需要再學哪些東西?作品數要達到多少數量?希望 1 年內能獨立門戶。麻煩老師不吝指教,謝謝。
---
您好:
依照您學習的背景,加上現在市場上的趨勢,我建議您可以朝「電子書」這個方向前進。 iPad 與 Amazon 興起,出版業界面臨作者直接跳過出版社,去跟平台商(Apple, Amazon)打交道的恐慌。因為作者出紙本書,頂多拿到 15% 稿費。直接用 Apple iTune 或是 Amazon Kindle 系統出版,作者可以拿到 70% 的稿費。在利之所趨的誘因下,一定有很多作者會棄出版社,直接跟平台做生意。
但是原來出版社所肩負的任務(排版、行銷),一下子就會全數丟給作者本身。我預測將來應該會有不少外包族,幫忙這些作者搞定「美術排版」與「網路行銷」這兩塊。電子書去年產生了一個通用格式「.epub」檔,Amazon、Apple 這些「大咖」,也都高舉支援大旗,紛紛加入 ePub 陣營。所謂 ePub 檔,講穿了就是把書籍內容使用「HTML5, CSS3, JavaScript」表現,然後用 Zip 將它與一些特殊的檔頭(Header)壓縮後,把附加名改成 .epub 而已。您本身已經會 HTML, CSS, JavaScript, Photoshop, Illustrator...等技能,已經是站在「電子書」這波浪潮的「制高點」了,不可不把握!將來您自立門戶,可以幫那些只想寫書、不想搞美術排版與網路行銷的作者,搞定這些大小雜事。
關於您下一步應該要走的方向,我會建議您先學習「HTML5」與「CSS3」。因為這兩個部份跟它的前一代(HTML4 與 CSS2)差蠻多的。倒是 JavaScript 雖有變化,但差異不會太大。先學會 ePub 最底層的表示格式。接著,建議您學習 Adobe InDesign CS5.5 以上(InDesign CS6 更佳!支援更多電子書互動六大元素!),知道如何把作者提供的原稿,透過 InDesign 排版成 ePub 格式,並加上互動元素,如:超連結、簡易動畫、內嵌影片音效...等(這個原作者一定不會!)。之後,學一下「網路行銷」,主要有下列這幾項:
1. 怎麼幫作者還沒寫書前,透過關鍵字研究(Google 有提供「關鍵字工具」,上網搜尋此關鍵字就可找到),了解讀者想看什麼內容,確保書籍將來大賣的可能性。
2. 怎麼幫作者找到適合他書籍的關鍵字,並幫他架設網站,衝到該關鍵字的前幾名(這部份稱為「SEO」,Search Engine Optimization)。
3. 怎麼幫作者購買關鍵字廣告,讓他用最少的價格,買到最好的效果(這部份稱為「AdWords」,您可以上網找相關書籍或文章)。
4. 怎麼幫作者經營臉書、部落格...等社群媒體,達到自然擴散之效果。
5. 怎麼幫作者定價、辦理作者見面會、座談會...活動,加深作者與粉絲之間關係,並自己從中獲利。
當然還有別的,不過初期掌握這些應該夠了。所以我對您的研讀建議是:
1. HTML5 & CSS3
2. Adobe InDesign CS5.5 或 CS6,不然 Mac 出的 iBook Author 也勉強可以。
3. 網路行銷
希望這樣對您有幫助!
紀老師
同時也有7部Youtube影片,追蹤數超過4萬的網紅吳老師教學部落格,也在其Youtube影片中提到,跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP) 上課內容: 01_重點回顧上星期重點按紐元件 02...
「html header設計」的推薦目錄:
html header設計 在 吳老師教學部落格 Youtube 的最佳解答
跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP)
上課內容:
01_重點回顧上星期重點按紐元件
02_EZO介紹與修改為交談窗與外部連結
03_如何設計巡覽工具列
04_如何將巡覽工具列固定在Header
05_如何將頁尾固定與發布APP
06_如何用PHONEGAP網站轉為APP
07_如何刪除PHONEGAP舊的APP
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMJoL0_vk4SDQSdwyCGPLaj
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
html header設計 在 吳老師教學部落格 Youtube 的最佳解答
跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP)
上課內容:
01_重點回顧上星期重點按紐元件
02_EZO介紹與修改為交談窗與外部連結
03_如何設計巡覽工具列
04_如何將巡覽工具列固定在Header
05_如何將頁尾固定與發布APP
06_如何用PHONEGAP網站轉為APP
07_如何刪除PHONEGAP舊的APP
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMJoL0_vk4SDQSdwyCGPLaj
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
html header設計 在 吳老師教學部落格 Youtube 的最讚貼文
跨平台APP開發使用Visual Studio2015與PhoneGap(第3次EZO介紹與修改為交談窗與外部連結&如何設計巡覽工具列&固定在Header&將頁尾固定與發布APP&用PHONEGAP網站轉為APP&刪除PHONEGAP舊的APP)
上課內容:
01_重點回顧上星期重點按紐元件
02_EZO介紹與修改為交談窗與外部連結
03_如何設計巡覽工具列
04_如何將巡覽工具列固定在Header
05_如何將頁尾固定與發布APP
06_如何用PHONEGAP網站轉為APP
07_如何刪除PHONEGAP舊的APP
完整影音
https://www.youtube.com/playlist?list=PLgzs-Q3byiYMJoL0_vk4SDQSdwyCGPLaj
教學論壇(之後課程會放論壇上課學員請自行加入):
https://groups.google.com/forum/#!forum/labor_app_2016
懶人包:http://terry55wu.blogspot.com/p/android.html
課程理念與課程介紹:
從基礎、進階到雲端資料庫整合與行動網頁的全面運用,打造最強、最新、最實用的全方位商業級互動網站!
並延伸到APP開發,並將之結合,用JAVA程式設計APP對一般人來說太難,這門課就是用網站觀念做APP,利用PhoneGap服務見可以快速將Web轉成APP。
並使用Visual Studio 2015 X Cordova跨平台應用程式設計,環境建置 X 開發入門 X 介面設計 X 各種應用元件App實務開發的完全整合學習!
最簡單!開發及維護成本低,直接整合應用HTML、CSS及JavaScript進行App開發,學習曲線最短,效率最高!
超跨界!一次開發,即可發佈Android、iOS、Windows不同平台的App,免除學習多種開發工具的煩惱。
神開發!應用HTML即可直接控制智慧手機照相攝影、錄音放音、GPS羅盤、無線網路等眾多硬體感測器!
極直覺!搭配Visual Studio 2015即可簡化專案佈置與程式碼輸入流程,提高開發效率!
不藏私!全新的版本、最全面的解說,引領全方位的App應用程式開發學習。重實例!以小範例入門,到整合的App實例,深入行動應用,範例全面涵蓋:系統醫生、聯絡簿管理、音樂播放器、定位地圖、自我介紹、QRCode掃瞄器、中英文語音合成、檔案上傳下載、簡易照相機、數位羅盤…
參考書目
跨平台 Android.iPhone 程式開發:使用 Visual Studio Community+Cordova/PhoneGap+jQuery Mobile作者:陳會安ISBN:9789863123217出版社:旗標出版日期:2016/01/21
Visual Studio 2015 X Cordova跨平台App實戰訓班(附近120分鐘關鍵影音教學/全書範例程式)鄧文淵 總監製/文淵閣工作室 編著出版商: 碁峰出版日期: 2016-03-29
HTML5+CSS3+jQuery Mobile輕鬆打造App與行動網站(第二版)
作者: 數位新知, 陳婉凌
出版社:博碩 出版日期:2016/01/08
吳老師教學部落格:
http://terry55wu.blogspot.com/
android 開發教學,android 程式教學,android 使用教學,android app教學,android sdk,android eclipse,android 開發,android studio 開發教學,android studio tutorial,app開發教學,Visual Studio2015,PhoneGap
html header設計 在 AppAppDuck 網頁開發教學(廣東話) - HTML & CSS - 第1.01堂 的推薦與評價
... 想加深對HTML和CSS的認識,新的版本會更深入探討一些HTML和CSS的處理方法。 ... 網頁開發 ... ... <看更多>
html header設計 在 HTML 網頁設計- CSS 與JavaScript 的推薦與評價
HTML 、CSS 與JavaScript 是讓Web Browser 運作的三大技術,要學會Web 程式設計的第一步,就是要學會這三項技術,在本章中,我們將 ... 圖、Header 1-6 的網頁檢視畫面 ... ... <看更多>